.manage-container {
  background-color: #0b2243;
  width: 100vw;
  height: 100vh;
  color: #fff;
  padding: 15px;
  display: grid;
  grid-template-rows: 100px calc(100vh - 30px - 115px);
  grid-row-gap: 15px;
  .manage-content {
    display: grid;
    grid-template-columns: 13.5% 10% 44.5% calc(32% - 45px);
    grid-column-gap: 15px;
    .manage-list {
      height: 100%;
      display: grid;
      grid-template-rows: repeat(2, calc(50% - 7.5px));
      grid-row-gap: 15px;
    }
    .manage-area {
      height: 100%;
    }
    .manage-map {
      height: 100%;
    }
    .manage-camera {
      height: 100%;
      display: grid;
      grid-template-rows: repeat(2, calc(50% - 7.5px));
      grid-row-gap: 15px;
    }
  }
}
